<div class="page-sidebar-wrapper">
  <div class="page-sidebar navbar-collapse collapse">
    <!-- BEGIN SIDEBAR MENU -->
    <ul data-slide-speed="200" data-auto-scroll="true" class="page-sidebar-menu ">
      <li class="sidebar-toggler-wrapper">
        <div class="sidebar-toggler"></div>
      </li>
      <li class="sidebar-search-wrapper">
        <!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
        <div class="sidebar-search">
          <a class="remove" href="javascript:;">
            <i class="icon-close"></i>
          </a>

          <div class="input-group">
            <input type="text" autocomplete="off" id="menuSearch" placeholder="Menu Search" data-gautoflag="gAutoMenu"
                   class="form-control">
                        <span class="input-group-btn">
                            <a id="menuSearchBtn" class="btn submit" href="javascript:;"><i class="icon-magnifier"></i></a>
                        </span>
          </div>
        </div>
        <!-- END RESPONSIVE QUICK SEARCH FORM -->
      </li>
      <li class="heading" ng-repeat-start="menu in level0List">
        <h3 class="uppercase">{{menu.menuName}}</h3>
      </li>
      <li ng-repeat="level1Menu in level1Map[menu.menuId]" ng-repeat-end ng-class="$root.parentMenuHighlight[level1Menu.menuId]?'active':''">
        <a href="" ng-click="setCurrentMenuAndGo(level1Menu.leaf,level1Menu.menuId,level1Menu.url)">
          <i ng-if="level1Menu.icon!=''" class="{{level1Menu.icon}}"></i>
          <span class="title">{{level1Menu.menuName}}</span>
          <span class="selected"></span>
          <span class="arrow" ng-class="$root.parentMenuHighlight[level1Menu.menuId]?'open':''"></span>
        </a>
        <ul class="sub-menu" ng-if="!level1Menu.leaf">
          <li ng-repeat="level2Menu in level2Map[level1Menu.menuId]" ng-class="$root.menuHighlight[level2Menu.menuId]?'active':''">
            <a href="" ng-click="setCurrentMenuAndGo(level2Menu.leaf,level2Menu.menuId,level2Menu.url)">
              <i ng-if="level2Menu.icon!=''" class="{{level2Menu.icon}}"></i> {{level2Menu.menuName}}</a>
          </li>
        </ul>
      </li>
    </ul>
    <!-- END SIDEBAR MENU -->
  </div>
</div>
